﻿@namespace MudBlazor.Docs.Examples

<MudGrid>
	<MudItem xs="12" sm="6" md="4">
		<MudNumericField @bind-Value="Amount" Label="Amount" Variant="Variant.Text" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.AttachMoney" HideSpinButtons="true" />
	</MudItem>
	<MudItem xs="12" sm="6" md="4">
		<MudNumericField @bind-Value="Amount" Label="Amount" Variant="Variant.Filled" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.AttachMoney" HideSpinButtons="true" />
	</MudItem>
	<MudItem xs="12" sm="6" md="4">
		<MudNumericField @bind-Value="Amount" Label="Amount" Variant="Variant.Outlined" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.AttachMoney" HideSpinButtons="true" />
	</MudItem>
	<MudItem xs="12" sm="6" md="4">
		<MudNumericField @bind-Value="Weight" HelperText="Weight" Variant="Variant.Text" Adornment="Adornment.End" AdornmentText="Kg" HideSpinButtons="true" />
	</MudItem>
	<MudItem xs="12" sm="6" md="4">
		<MudNumericField @bind-Value="Weight" HelperText="Weight" Variant="Variant.Filled" Adornment="Adornment.End" AdornmentText="Kg" HideSpinButtons="true" />
	</MudItem>
	<MudItem xs="12" sm="6" md="4">
		<MudNumericField @bind-Value="Weight" HelperText="Weight" Variant="Variant.Outlined" Adornment="Adornment.End" AdornmentText="Kg" HideSpinButtons="true" />
	</MudItem>
</MudGrid>


@code {
	public decimal? Amount { get; set; }
	public float? Weight { get; set; }
}
